<script lang="ts" setup>
import { reactive } from "vue"

const config = reactive({
    header: ['姓名', '就业企业', '岗位','薪资'],
    data: [
        ['高萧', '12312','前端工程师', '19k'],
        ['宋丹丹', '阿里巴巴', '前端工程师','18k'],
        ['卢俊杰', '腾讯', '前端工程师','21k'],
        ['常仕隆', '字节跳动', '前端工程师','22k'],
        ['鲁天成', '京东', '前端工程师','22k'],
        ['李子康', '腾讯', '前端工程师','46k'],
        ['杨红梅', '中兴科技', '前端工程师','2k'],
          ['高萧', '12312','前端工程师', '19k'],
        ['宋丹丹', '阿里巴巴', '前端工程师','18k'],
        ['卢俊杰', '腾讯', '前端工程师','21k'],
    ],
    // index: true,
    columnWidth: [70],
    align: ['center'],
    waitTime:1000
})

const mouseoverHandler = (e: any) => {
    console.log(e)
}

const clickHandler = (e: any) => {
    console.log(e)
}
</script>

<template>
    <!--  中下轮播图 -->
    <div demo-bg class="demo_swiper">
        <dv-scroll-board :config="config" @mouseover="mouseoverHandler" @click="clickHandler" />
    </div>
</template>




<style scoped lang="scss">
.demo_swiper {
    margin-top: 10px;
    width: 100%;
    height: 45%;

    >div {
        width: 100%;
        height: 100%;
    }
}
</style>
